<template>
	<view class="">
		<view class="resume_basics">
			<view class="Education_text">
				<text>工程案例</text>
				<u-icon name="plus" color="#3E403F" size="28" style="margin-left: 15rpx;" @click="GoBasics"></u-icon>
			</view>
			<view class="Education_box" v-if="!workdisplayData.length">
				<view class="work_hide">
					添加工程案例
				</view>

			</view>
			<view class="Education_box" v-if="workdisplayData.length" v-for="(item,index) in workdisplayData" :key='index'
			 @click="GoDisplay(index)">
				<view class="Education_xxname">
					{{item.gcalmc|| "工程名称"}}
					<u-icon name="arrow-right" color="#999999" size="25" style="margin-left: 15rpx;"></u-icon>
				</view>
				<view class="Education_info">
					<text>{{item.gcaljs ||"担任角色"}}</text> <text>{{item.gcalxs||"建筑形式"}}</text> <text>{{item.gcalgm||"建筑规模"}}</text><!-- <text>建筑工程</text> -->
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			workdisplayData: {
				type: Array,
				default () {
					return []
				}
			},
			colid: {
				type: String,
				required: true
			}
		},
		methods: {
			GoBasics() {
				this.$u.route('/pages/HomeLnner/ResumeSon/SonWorkDisplay', {
					id: this.colid
				});
			},
			GoDisplay(index) {
				this.$u.route('/pages/HomeLnner/ResumeSon/SonWorkDisplay', {
					id: this.colid,
					index: index
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./resume.scss";
</style>
